<template>
  <div class="footer">
    <div class="wp1080">
      <p class="font20 bold frindlink">友情链接</p>
      <div class="font16 mb40">
        <a v-for="(item, index) in dataList" :key="index" :href="item.href" class="link">
          {{item.text}}
        </a>
      </div>
      <div class="cf">
        <img src="../../static/img/header.png" alt="" class="fl">
        <div class="fl copyright">
          <p>
            <span>商务合作</span>
            <span>关于我们</span>
          </p>
          <p>Copyright © 2018 youxichong.com. All rights Reserved.&nbsp;&nbsp;</p>
          <p>适龄提示：本公司产品适合10周岁以上玩家使用   未成年人家长监护</p>
        </div>
      </div>
    </div>

  </div>
</template>
<script>
export default {
  name: 'Footers',
  data () {
    return {
      dataList: [
        {
          text: '西西下载站',
          href: ''
        },
        {
          text: '绿色资源网',
          href: ''
        },
        {
          text: '游讯网',
          href: ''
        },
        {
          text: '东坡下载',
          href: ''
        },
        {
          text: ' 嗨客手机站',
          href: ''
        },
        {
          text: '绿软下载站',
          href: ''
        },
        {
          text: '安游在线 ',
          href: ''
        },
        {
          text: '安卓游戏下载 ',
          href: ''
        },
        {
          text: '单机游戏下载',
          href: ''
        },
        {
          text: ' 手机游戏',
          href: ''
        },
        {
          text: '手机游戏下载 ',
          href: ''
        },
        {
          text: 'PPT模板下载 ',
          href: ''
        },
        {
          text: '清风手游网',
          href: ''
        },
        {
          text: '安卓刷机软件',
          href: ''
        },
        {
          text: '谷歌翻译',
          href: ''
        },
        {
          text: ' 应用宝下载',
          href: ''
        }
      ]
    }
  }
}
</script>
<style scoped>
.footer{
  width: 100%;
  height: 280px;
  line-height: 20px;
  background-color: rgba(255, 255, 255, 1);
  padding-top: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #737373;
}
.frindlink{
  margin-bottom: 18px;
}
.footer span{
  margin-right: 15px;
  line-height: 20px;
}
.font20{
  font-size: 20px;
}
.font16{
  font-size: 16px;
}
.font14{
  font-size: 14px;
}
.bold{
  font-weight: bold;
}
.mb40{
  margin-bottom: 40px;
}
.footer img{
  width: 212px;
  height: 60px;
  margin-right: 72px;
}
.copyright p{
  margin-bottom: 10px;
}
 .footer .link{
   margin-right: 15px;
   line-height: 20px;
   color:#737373;
 }
  .footer .link:hover{
    text-decoration: none;
  }
</style>
